<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit">
<title>查询学生实验报告</title>
<script src="${basePath}js/jquery.js"></script>
<script src="${basePath}js/pintuer.js"></script>
<script src="${basePath}js/jquery.min.js"></script>
<script type="text/javascript" src="${basePath}js/bootstrap-select.js"></script>
<link rel="stylesheet" type="text/css"
	href="${basePath}css/bootstrap-select.css">
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css"
	rel="stylesheet">
<script src="${basePath}js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(window).on('load', function() {
		$('.selectpicker').selectpicker({
			'selectedText' : 'cat'
		});
	});
</script>
<script type="text/javascript">
	$(function() {
		$("#revise").click(function() {
			javascript: history.go(-1);
		})
	})
	$(function() {
		//********************班级下拉选择框赋值****************************//
		var currentClass = $("#hiddenstuClass")[0].value;
		//没有获取到班级，或者后台没有传入班级（新增操作）
		// 设置下拉选择框的选中选项
		$("#stuClass").val(currentClass);
	});
</script>
<link rel="stylesheet" href="${basePath}css/pintuer.css">
<link rel="stylesheet" href="${basePath}css/admin.css">
</head>
<body>
	<div class="panel admin-panel">
		<div class="panel-head">
			<strong><span class="icon-pencil-square-o"></span>查看学生报告</strong> <span
				style="margin-left: 85%"><a id="revise" href="#">返回</a></span>
		</div>
		<div class="body-content">
			<form method="post" class="form-x" action="selectRepDynamic.do"
				enctype="multipart/form-data">
				<!-- 隐藏表单 该实验课程的主键index -->
				<input type="hidden" name="expIndex" id="expIndex"
					value="${requestScope.expB.expIndex}">
				<!-- 隐藏表单 用来缓存查询的班级 -->
				<input type="hidden" id="hiddenstuClass"
					value="${requestScope.repB.stuClass}">
				<!-- ******************************* -->
				<div class="form-group">
					<div class="label">
						<label>实验名称：</label>
					</div>
					<div class="field">
						<input id="expName" type="text" class="input" name="expName"
							value="${requestScope.expB.expName}" readonly="readonly" />
						<div class="tips"></div>
					</div>
				</div>
				<div class="form-group">
					<div class="label">
						<label>课程名称：</label>
					</div>
					<div class="field">
						<input id="expClass" type="text" class="input" name="expClass"
							value="${requestScope.expB.expClass}" readonly="readonly" />
						<div class="tips"></div>
					</div>
				</div>
				<div class="form-group">
					<div class="label">
						<label>课程代码：</label>
					</div>
					<div class="field">
						<input id="expId" type="text" class="input" name="expId"
							value="${requestScope.expB.expId}" readonly="readonly" />
						<div class="tips"></div>
					</div>
				</div>
				<div class="form-group">
					<div class="label">
						<label>实验班级：</label>
					</div>
					<div class="field">
						<label for="id_select"></label> <select
							class="selectpicker bla bla bli" id="stuClass" name="stuClass">
							<option value=""></option>
							<option id="1" value="1">电信1班</option>
							<option id="2" value="2">电信2班</option>
							<option id="3" value="3">电科1班</option>
							<option id="4" value="4">电科2班</option>
							<option id="5" value="5">电科3班</option>
							<option id="6" value="6">信息1班</option>
							<option id="7" value="7">信息2班</option>
							<option id="8" value="8">光电1班</option>
							<option id="9" value="9">光电2班</option>
							<option id="10" value="10">集成1班</option>
							<option id="11" value="11">集成2班</option>
						</select>
						<div class="tips"></div>
					</div>

					<div class="form-group">
						<div class="label">
							<label>学号：</label>
						</div>
						<div class="field">
							<input id="stuId" type="text" class="input" name="stuId"
								value="${requestScope.repB.stuId}" />
							<div class="tips"></div>
						</div>
					</div>
				</div>

				<div class="form-group" id="submit">
					<div class="label">
						<label></label>
					</div>
					<div class="field">
						<span style="margin-left: 880px">
							<button class="button bg-main icon-check-square-o" type="submit">
								查询</button>
					</div>
				</div>

				<div class="field">
					<table class="table table-hover text-center">
						<tr>
							<th width="10%">序号</th>
							<th width="10%">学生姓名</th>
							<th width="10%">学号</th>
							<th width="10%">班级</th>
							<th width="10%">实验名称</th>
							<th width="10%">查看报告</th>
							<th width="10%">成绩</th>
						</tr>
						<c:forEach items="${sessionScope.lstRep}" var="eachRep"
							varStatus="statu">
							<tr>
								<td>${statu.index+1}</td>
								<td>${eachRep.stuName}</td>
								<td>${eachRep.stuId}</td>
								<td>${eachRep.stuClass}</td>
								<td>${eachRep.expName}</td>
								<td><a
									href="lookRepInfo.do?opb=3&ope=${eachRep.repIndex}&stuClass=${requestScope.repB.stuClass}&stuId=${requestScope.repB.stuId}"><span></span>查看学生报告word</a></td>
								<td>${eachRep.repScore}</td>
							</tr>
						</c:forEach>
					</table>
					<div class="tips"></div>
				</div>
			</form>
		</div>
	</div>

</body>
</html>